<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合作信息</title>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../lib/jedate-6.5.0/skin/jedate.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Validform/5.3.2/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <style>
        .customerList {
            text-align: left;
        }
        .customer-item a{
            color: #1476e5;
        }
        .multiple-select-customer {
            margin-left: 10px;
            min-height: 23px;
            width:300px;
            border-radius: 4px;
            border: 1px solid #ccc;
        }
        .customer-item-span {
            text-align: left;
            font-size: 10px;
            position: relative;
            padding: 2.5px 5px;
            background-color: #e9e8e8;
            border-radius: 2px;
            color: #333;
            display: block;
            line-height: 14px;
            height: 14px;
            margin: 5px 5px;
            cursor: initial;
            user-select: none;
            /* padding-right: 25px; */
        }
        .customer-item-span span {
            display: inline-block;
            width: 255px;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
        }
        .customer-item-span i {
            cursor: pointer;
            display: inline-block;
            width: 11px;
            height: 2px;
            background: #333;
            transform: rotate(45deg);
            margin-bottom: 5px;
            margin-left: 10px;
        }

        .customer-item-span i::after {
            content: '';
            display: block;
            width: 11px;
            height: 2px;
            background: #333;
            transform: rotate(-90deg);
        }
        .self-disable {
            pointer-events: none;
        }
        .li-span-item {
            display: inline-block;
            width: 100%;
        }
        .service-type-select {
            height: 26px;
            line-height: 26px;
        }
        .select-background {
            background-color: #00a0e9;
        }
    </style>
</head>
<body>
<div class="text-l pt-10">
    <button type="button" class="btn btn-secondary radius size-S" onclick="addCustomerFn()">新增渠道</button>
</div>
<table class="table table-border table-bg table-hover table-sort mt-10" id="cooperation-table">
    <thead>
    <tr class="text-c">
        <th>合作渠道</th>
        <th>合作客户</th>
        <th>服务费率</th>
        <th>服务类型</th>
        <th>服务区域</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <!-- <tr class="text-c">
        <td>
            <div class="formControls" style="width: 300px;margin: auto;">
                <input type="text" autocomplete="off" class="input-text radius ml-10 w-300 h-26 channelName" name="channelName" placeholder="合作渠道" onfocus="getChannelListFn(this)" oninput="getChannelListFn(this,'inp')" onblur="validateInp(this,'请输入合作渠道')">
                <ul class="w-300 ml-10 radius channelList relation select-list-box" style="display: none;">
                </ul>
            </div>
        </td>
        <td>
            <div class="formControls" style="width: 300px;margin: auto;">
                <input type="text" autocomplete="off" class="input-text radius ml-10 w-300 h-26 customerName" name="customerName" placeholder="合作客户" onfocus="getCustomerListFn(this)" oninput="getCustomerListFn(this,'inp')" onblur="validateInp(this,'请输入合作客户')">
                <ul class="w-300 ml-10 radius customerList relation select-list-box" style="display: none;">
                </ul>
            </div>
        </td>
        <td>
            <input type="text" class="input-text radius ml-10 w-100 rate" name="rate" autocomplete="off" onkeyup="matchNumber(this)" onpaste="matchNumber(this)" onblur="validateInp(this)" placeholder="服务费率" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9.]/g,'')">%
        </td>
        <td>
        </td>
        <td>
        </td>
        <td><a onclick="deleteCooperationFn(this)">删除</a></td>
    </tr> -->
    </tbody>
</table>
<div class="text-c pb-20 pt-10">
    <button type="button" class="btn btn-secondary radius size-S next-step" onclick="lastOrNextStep('contractInfo','cooperationInfo')">下一步</button>
    <button type="button" class="btn radius size-S last-step" onclick="lastOrNextStep('financialInfo','cooperationInfo')">上一步</button>
    <button type="button" class="btn radius size-S" onclick="saveCooperationInfo()">保存</button>
    <button type="button" class="btn radius size-S cancleEditBtn" onclick="cancleEditFn('cooperationInfoDetail')">取消</button>
</div>
</body>
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jedate-6.5.0/dist/jedate.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/serviceProvider/approvedServiceProviders/commonJs.js?rev=4f53aa616e6ffba73ac10d1e5802d462"></script>
<script type="text/javascript" src="../../../ht-js/serviceProvider/approvedServiceProviders/addPackage/cooperationInfo.js?rev=4f53aa616e6ffba73ac10d1e5802d462"></script>
</html>